<template>
	<view>
		<view class="title">
			修改背景颜色
		</view>
		<view :style="{'backgroundColor':bgColor,height:'100px',width:'100px'}">
			{{bgColor}}
		</view>
		<input type="text" v-model="bgColor" style="background-color: aqua;">
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgColor: this.$store.state.gTitle.background
			}
		},
		watch: {
			"baColor": {
				handler() {
					this.$state.commit("setBackgroundColor", this.baColor)
				},
				deep: true,
			}
		}
	}
</script>

<style>
</style>
